/*整体布局*/
.main{
	position: absolute;
	margin-top:0.84rem;
	/*padding-top: 0.84rem;*/
	width:100%;height:auto;
	overflow: scroll;
	padding-bottom: 2.2rem;
}

/*头部导航*/
.navs{
	position: fixed;
	z-index: 200;
	width:100%;height: 1rem;
	background: #FFFFFF;
	border-bottom: 1px solid #E5E5E5;
}
.mySwiper{
	width:100%;
	height: auto;
	margin-top: 1rem;
	/*padding-top: 1.187rem;*/
}
/*******空 开始*********/
.isnone{
	
}
/********空 结束*******/
/**********导航栏  明细    开始***********/
.navs a{
	display: block;
	float: left;
	width:50%;height: 1rem;line-height: 1rem;
	text-align: center;
}

.navs a span{
	display: inline-block;
	width:100%;height: 0.375rem;line-height: 0.375rem;
	font-size: 0.313rem;
	color:#333333;
	text-align: center;
}
.navs .nav1 span{border-right: 1px solid #E5E5E5;}

.navs .active{
	background: url(../images/buycar/border.png) ;
	background-position: bottom;
	background-position-x: center;
	background-repeat: no-repeat;
	background-size: 1.2rem 0.05rem;
	color:#fe9601;
}
.navs .active span{color:inherit;}

.mySwiper .swiper-container{
	/*height: 100%;*/
	height: auto;
	
	
}

.mySwiper .swiper-container .swiper-wrapper{
	height: auto;
	
}
.mySwiper .swiper-container .swiper-wrapper .swiper-slide{
	
}
.item{
	width:100%;height: auto;
	background: #FFFFFF;
	margin-top: 0.187rem;
}
/*.item0{
	width:100%;height: auto;
	background: #FFFFFF;
	margin-top: 0.187rem;
}*/

.item1>a{
	display: block;
	width:100%;height:2.3rem;
	background: #FFFFff;
	box-sizing: border-box;
	padding:0 0.27rem 0 0.313rem;
}

.item1>a:active{
	background: #F0F0F0;
}
.item1>a>div{
	float: left;
	height: 2.3rem;
}
.item1 .i_left{
	width:0.375rem;height: 2.3rem;line-height: 2.3rem;
	background: url(../images/buycar/checkout.png) center no-repeat;
	background-size: 0.375rem 0.375rem;
}
.item.checked .i_left{
	background: url(../images/buycar/checked.png) center no-repeat;
	background-size: 0.375rem 0.375rem;
}
.item1 .i_center{
	width:5.2rem;height: 2.3rem;overflow: hidden;
	box-sizing: border-box;
	padding:0.313rem 0;
	margin-left: 0.25rem;
}

.item1 .i_center>img{
	float:left;
	width:1.67rem;height: 1.67rem;
	margin-right: 0.22rem;
	border:1px solid #E5E5E5;
	overflow: hidden;
}
.item1 .i_center .i_c_con{
	float:left;
	width:3.2rem;height: 1.67rem;
	
}
.item1 .i_c_con .goodsname{
	margin-top:-0.04rem;
	width:3.2rem;height: 0.66rem;
	line-height: 0.35rem;
	font-size: 0.27rem;color:#333333;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-bottom: 0.07rem;
}
.item1 .goodstype{
	width:3.2rem;height:0.6rem;line-height: 0.3rem;
	font-size: 0.23rem;color:#888888;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-bottom: 0.06rem;
}

.item1 .goodsprice{
	height: 0.313rem;line-height: 0.313rem;
	font-size: 0.313rem;color:#ff3e24;
}
.item1 .goodsprice{
	width:auto;
	height: 2.3rem;
}
.item1 .del{
	position: absolute;
	width:0.35rem;height: 0.35rem;
	margin-top: 0.23rem;right:0.27rem;
}
.item1 .num{
 	position: absolute;
 	height: 0.3rem;line-height: 0.3rem;
 	margin-top: 1.65rem;
 	right: 0.313rem;
	width:auto;text-align: right;
	font-size: 0.25rem;color:#888888;
}
.item1 .num>span{
	display: inline-block;float:left;
	height: 0.3rem;line-height: 0.3rem;
}

.item1 .goodsnum{
	display: inline-block;
	width: auto;max-width: 0.5rem;height: 0.3rem;line-height: 0.3rem;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
	
}

/**********借阅车 明细***********/
.item0>a{
	display: block;
	width: 100%;height: 2.3rem;
	border-bottom: 1px solid #F0F0F0;
	box-sizing: border-box;
	padding:0 0.313rem;
}

.item0>a:active{
	background: #F5F5F5;
}
.item0>a>div{
	float:left;
	height: 2.3rem;
}
.item0 .i_left{
	width:0.375rem;height: 2.3rem;line-height: 2.3rem;
	background: url(../images/buycar/checkout.png) center no-repeat;
	background-size: 0.375rem 0.375rem;
}

.item0.checked .i_left{
	background: url(../images/buycar/checked.png) center no-repeat;
	background-size: 0.375rem 0.375rem;
}

.item0 .i_center{
	width:5.5rem;height: 2.3rem;box-sizing: border-box;
	padding:0.313rem 0;
	margin-left: 0.292rem;
	
}
.item0 .i_center img{
	float:left;
	width:1.15rem;height: 1.67rem;
}
.item0 .i_center .i_c_con{
	float:left;margin-left: 0.313rem;
	width:4rem;height: 1.67rem;
}
.item0 .i_center .i_c_con .goodsname{
	width: 4rem;height: 0.47rem;line-height: 0.47rem;
	font-size: 0.27rem;color:#333333;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
	margin-bottom: 0.2rem;
	
}
.item0 .i_center .i_c_con .ages{
	width:4rem;height: 0.44rem;line-height: 0.44rem;
	font-size: 0.25rem;color:#888888;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
	
}
.item0 .i_center .i_c_con .isbn{
	width:4rem;height: 0.43rem;line-height: 0.44rem;
	font-size: 0.23rem;color:#A5A5A5;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.editboard{
	
	width:100%;height: 0.94rem;
	box-sizing: border-box;
	padding:0 0.313rem;
}
 .delete{
	float:left;
	width:2.5rem;height: 0.94rem;line-height: 0.94rem;
	font-size: 0.27rem;color:#A5A5A5;

}
.delete img{
	margin-top: -0.05rem;
	/*float:left;*/
	width: 0.35rem;height: 0.35rem;
	
}
.editboard .change_num{
	float:right;
	width: 2.4rem;
	height: 0.94rem;
	line-height: 0.94rem;
	text-align: right;
} 
.editboard .change_num>div{/*border:1px solid yellow;*/
	float:left;
	height: 0.54rem;line-height: 0.54rem;
}
.dic,.add{
	width: 0.54rem;
	margin-top: 0.2rem;
}
.dic0{
	background: url(../images/buycar/dic0.png);
	background-size: 0.54rem 0.54rem;
}
.dic1{
	background: url(../images/buycar/dic1.png);
	background-size: 0.54rem 0.54rem;
}
.add0{
	background: url(../images/buycar/add0.png);
	background-size: 0.54rem 0.54rem;
}
.add1{
	background: url(../images/buycar/add1.png);
	background-size: 0.54rem 0.54rem;
}
.add2{
	background: url(../images/buycar/add2.png);
	background-size: 0.54rem 0.54rem;
}
.num{
	width:1.2rem;
	margin-top: 0.2rem;
	text-align: center;
	font-size: 0.25rem;color:#333333;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}

.botbar{
	position:fixed;
	z-index: 99;bottom:0.98rem;
	width:100%;height: 0.84rem;line-height: 0.84rem;
	background: #FFFFFF;
	padding-left: 0.313rem;
	border-top: 1px solid #E5E5E5;
}
.botbar.type1 .bot_type1{display: block;}
.botbar.type2 .bot_type1{display: none;}
.botbar.type1 .bot_type2{display: none;}
.botbar.type2 .bot_type2{display: block;}

.checkall{
	float:left;
	width:auto;max-width: 2.6rem;height: 0.84rem;line-height: 0.84rem;
	overflow: hidden;
}
.checkall_pic{
	display: inline-block;
	float:left;
	width:0.375rem;height: 0.84rem;line-height: 0.84rem;
	background: url(../images/buycar/checkout.png) center no-repeat;
	background-size: 100% auto;
	
}
.checkall.checked .checkall_pic{
	background: url(../images/buycar/checked.png) center no-repeat;
	background-size: 100% auto;
}

.checkall_text{
	display: inline-block;
	float:left;
	height: 0.84rem;line-height: 0.84rem;
	margin-left: 0.12rem;
	font-size: 0.25rem;color:#A5A5A5;
}
.checkall.checked .checkall_text{
	color:#333333;
}

.bot_right{
	float:right;
	width:auto;max-width:5rem;
	text-align: right;
}
.bot_right .heji{
	float:left;
	width:auto;max-width: 2.5rem;overflow: hidden;
	text-overflow: ellipsis;white-space: nowrap;
	height: 0.84rem;line-height: 0.84rem;
	text-align: right;
	font-size: 0.25rem;color: #888888;
}
.bot_right .heji .font-red{
	margin-left: 0.1rem;
	height: 0.84rem;line-height: 0.84rem;
	font-size: 0.375rem;color:#ff3e24;
	margin-right: 0.2rem;
	max-width: 1rem;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}

.count{
	float:left;
	width:2.15rem;height: 0.84rem;
	text-align: center;
	
	
}
.count button{
	width:2.15rem;height: 0.84rem;line-height: 0.84rem;
	text-align: center;
	background: #fd9101;
	font-size: 0.313rem;color:#ffffff;
	outline: none;
	border:none;
	appearance: none;-moz-appearance: none;
	-ms-progress-appearance: none;-webkit-appearance: none;
}

.count button:active{
	background: #ff7800;
}

.zxs{
	float:left;
	width:1.84rem;height: 0.84rem;line-height: 0.84rem;
	font-size: 0.313rem;color:#333333;
	background:#ececec;
	border:none;outline: none;
	appearance: none;-moz-appearance: none;
	-ms-progress-appearance: none;-webkit-appearance: none;
	text-align: center;
}
.zxs:active{
	background: #DCDCDC;
}
.qxd{
	float:left;
	width:1.84rem;height: 0.84rem;line-height: 0.84rem;
	font-size: 0.313rem;color:#ffffff;
	background: #fe9200;
	border:none;outline: none;
	appearance: none;-moz-appearance: none;
	-ms-progress-appearance: none;-webkit-appearance: none;
	text-align: center;
}
.qxd:active{
	background: #ff7800;
}
.isnone{
	/*position: relative;*/
	position: absolute;
	width:100%;margin-top:0;
	text-align: center;
	background: #FFFFFF;
	font-size: 0.25rem;color:#888888;
	/*padding-bottom: 6rem;*/
}
.isnone_pic{
	margin-top: 1.8rem;
	width:2.95rem;height: 2.04rem;
	margin-bottom: 0.313rem;
}
/*******已借出********/
.item0 .status{
	position: absolute;
	margin-top: 0.2rem;right:0.3rem;
	width:1.3rem;height: 1rem;
}
.status.yijiechu{
	background: url(../images/buycar/jiechu.png) center no-repeat;
	background-size: 100% 100%;
	
}
.status.yixiajia{
	background: url(../images/buycar/xiajia.png) center no-repeat;
	background-size: 100% 100%;
}


/*****弹出菜单 开始*******/
/*购物车删除提示*/
.grey{
	position: fixed;z-index: 299;
	width:100%;height: 100%;top:0;left:0;
	background: rgba(20,20,20,0.6);
	display: flex;
	justify-content: center;
	align-items: center;
}
.grey1 .whiteboard{
	z-index: 299;border-radius: 0.2rem;
	width:6.26rem;height: 3rem;
	background: #FFFFFF;
}

.grey2 .whiteboard{
	z-index: 299;border-radius: 0.2rem;
	width:6.26rem;height: 3rem;
	background: #FFFFFF;
}
.grey3 .whiteboard{
	z-index: 299;border-radius: 0.2rem;
	width:6.16rem;height: 3.86rem;
	background: #FFFFFF;
}

.grey4 .whiteboard,.grey5 .whiteboard{
	z-index: 299;border-radius: 0.2rem;
	width:5.53rem;height: 2.72rem;
	background: #FFFFFF;
	overflow: hidden;
}

.wb_top{
	width:100%;height: 0.4rem;line-height: 0.4rem;
	font-size: 0.313rem;color:#333333;
	margin-top:0.64rem;
	margin-bottom: 0.8rem;
	text-align: center;
}
.grey3 .wb_top{
	width:100%;height: 0.35rem;line-height: 0.35rem;
	font-size: 0.334rem;color:#333333;
	margin-top:0.44rem;
	margin-bottom: 0.48rem;
	text-align: center;
}
.grey3 .wb_con{
	width:100%;height: auto;
	line-height: 0.43rem;
	font-size: 0.27rem;color:#888888;
	padding:0 0.4rem;
	margin-bottom: 0.55rem;
}
.grey3 .wb_con .font-red{
	color:#fe9102;
}
.grey4 .wb_con,.grey5 .wb_con{
	width: 100%;height: 1.7rem;
	box-sizing: border-box;
	padding:0.4rem;
	font-size: 0.292rem;color:#666666;
	border-bottom: 1px solid #E5E5E5;
}
.wb_bot{
	width:100%;height: 0.67rem;
	box-sizing: border-box;
	padding: 0 0.79rem;
}
.grey3 .wb_bot{
	width:100%;height: 0.67rem;
	box-sizing: border-box;
	padding: 0 0.835rem;
}
.grey4 .wb_bot,.grey5 .wb_bot{
	width:100%;height: 1rem;line-height: 1rem;
	padding:0;
	
}
.wb_bot .iknow{
	display: block;
	width:100%;height: 1rem;line-height: 1rem;
	text-align: center;
	background: #FFFFFF;font-size: 0.292rem;color:#FE9102;
}
.wb_bot .iknow:active{
	background: #F5F5F5;
}

.wb_bot>button{
	width:1.94rem;height: 0.67rem;line-height: 0.67rem;
	text-align: center;font-size: 0.292rem;
	border-radius: 0.5rem;
	border:none;
	outline: medium;
	appearance: none;-moz-appearance: none;
	-ms-progress-appearance: none;-webkit-appearance: none;
}
.wb_bot .cancel{
	float:left;
	background: #FFFFFF;
	color:#888888;
	border:1px solid #E5E5E5;
}
.wb_bot .cancel:active{
	background: #F5F5F5;
}
.wb_bot .comfirm{
	float:right;
	background: #fe9102;
	color:#FFFFFF;
}
.wb_bot .comfirm:active{
	background: #ff7800;
}
